/**
 * Copyright (c) 2018-present, Chen Guodong
 * All rights reserved.
 *
 * @flow
 */


<template>
  <span class="badge" :style="styles">
    <slot></slot>
  </span>
</template>

<script>
export default {
  props: {
    color: String,
    styles: String || Object
  },
  data() {
    return {};
  },
  components: {}
};
</script>

<style lang='less' scoped>
.badge {
  border-radius: 12px;
  font-size: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: red;
  text-align: center;
  line-height: 16px;
  color: #fff;
}
</style>
